{extend name='table'}

{block name="content"}
<div class="layui-card padding-20 shadow layui-card-body" >
    {include file='customer/index_search'}
    <table id="CustomerTable" data-url="{:sysuri()}" data-target-search="form.form-search"></table>
</div>
{/block}
{block name='script'}
<script>
    $(function () {
        // 初始化表格组件
        $('#CustomerTable').layTable({
            even: true, height: 'full',
            sort: {field: 'id desc', type: 'desc'},
            cols: [[
                {title: '序号', type: 'numbers', width: 60},
                {field: 'name', title: '名称', align: "center", minWidth: 170},
                {field: 'nickname', title: '昵称', align: "center", minWidth: 170},
               // {field: 'use_amount', title: '通用已用金额', align: 'center', minWidth: 140,edit: 'text'},
               // {field: 'prestore_amount', title: '通用预存金额', align: 'center', minWidth: 140,edit: 'text'},
                {field: 'use_total_amount', title: '合计已用金额', align: 'center', minWidth: 140,edit: 'text'},
                {field: 'prestore_total_amount', title: '合计预存金额', align: 'center', minWidth: 140,edit: 'text'},
                {toolbar: '#customerAmount', title: '专属金额', align: 'center', minWidth: 140},
                {field: 'grade_name', title: '会员等级', align: 'center', minWidth: 100},
                {field: 'points', title: '总积分', align: 'center', minWidth: 100,edit: 'text'},
                {field: 'use_points', title: '已用积分', align: 'center', minWidth: 100,edit: 'text'},
                {field: 'birthday', title: '生日', align: 'center', minWidth: 120},
                {toolbar: '#toolbar', title: '操作面板', align: 'center', minWidth: 420, fixed: 'right'},
            ]]

        });

        // 单元格编辑事件
        layui.table.on('edit(CustomerTable)', function(obj){
            var field = obj.field; // 得到修改的字段
            var value = obj.value // 得到修改后的值
            var data = obj.data // 得到所在行所有键
            console.log(obj); // 查看对象所有成员
            $.form.load("{:url('edit')}",data, 'post', function (ret) {
                if (ret.code < 1) $.msg.error(ret.info, 3, function () {
                    $('#CustomerTable').trigger('reload');
                }); else {
                    $('#CustomerTable').trigger('reload')
                }
                return false;
            })

        });


    });

</script>
<!-- 数据操作工具条模板 -->
<script type="text/html" id="customerAmount">
    <!--{if auth("edit") }-->
    <a class="layui-btn  layui-btn-sm" data-modal='{:url("customerAmount")}?id={{d.id}}' data-title="专属金额">点击查看</a>
    <!--{/if}-->
</script>
<!-- 数据操作工具条模板 -->
<script type="text/html" id="toolbar">
    <!--{if auth("edit") }-->
    <a class="layui-btn  layui-btn-sm" data-modal='{:url("edit")}?id={{d.id}}'>编 辑</a>
    <!--{/if}-->
    <a class="layui-btn  layui-btn-sm" data-modal='{:url("/bbxw/Naming/index")}?id={{d.id}}' data-width="1200px">冠名卡</a>
    <a class="layui-btn  layui-btn-sm" data-modal='{:url("/bbxw/CustomerSecondaryCard/index")}?id={{d.id}}' data-width="1200px">副卡管理</a>
<!--    <a class="layui-btn layui-btn-warm layui-btn-sm" data-action='{:url("resetPassword")}?id={{d.id}}'>重置密码</a>-->
    <a class="layui-btn layui-btn-warm layui-btn-sm" data-modal='{:url("pass")}?id={{d.id}}'>重置密码</a>
    <!--{if auth("remove")}-->
    <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="{:lang('确定要删除吗？')}" data-action="{:url('remove')}" data-value="id#{{d.id}}">{:lang('删 除')}</a>
    <!--{/if}-->

</script>
{/block}
